// 提现设置

import React from 'react';
import {Form, Input,Button} from "antd";
import { UploadOutlined } from '@ant-design/icons';
const { TextArea } = Input;


const WithdrawalSettings = () => {
  return (
    <div style={{background:'#fff',padding:'20px 30px'}}>
      <Form
        layout='horizontal'
        onFinish={()=>{
          console.log('提交了')
        }}
        labelCol={{span:3}}
        wrapperCol={{span:14}}
      >
        <Form.Item
          name="miniAmount"
          label="提现最低金额"
          tooltip={'用户提现最低金额'}
          // labelCol={{span: 4}}
          wrapperCol={{span:8}}
        >
          <Input placeholder="用户提现最低金额" value={'50'} />
        </Form.Item>
        <Form.Item
          name="miniAmount"
          label="提现银行卡"
          tooltip={'提现银行卡，每个银行换行'}
          // labelCol={{span: 4}}
          wrapperCol={{span:8}}
        >
          <TextArea rows={6}/>
        </Form.Item>


        <Form.Item wrapperCol={{ span: 200, offset: 4 }} labelCol={{span:20}}>
          <Button type="primary" htmlType="submit" style={{width:150,height:40}}>
            <UploadOutlined /> 提交
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
};

export default WithdrawalSettings;
